<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用鼠标点亮文本</title>
</head>
<body>
	<h1>用鼠标点亮文本</h1><hr>
	<form name="form1">
		<a href="#" id="link1" onmouseover="link1Over();" onmouseout="link1Out();">站内链接一</a><br><br>
		<a href="#" id="link2" onmouseover="link2Over();" onmouseout="link2Out();">站内链接二</a><br><br>
		<a href="#" id="link3" onmouseover="link3Over();" onmouseout="link3Out();">站内链接三</a><br><br>
		<a href="#" id="link4" onmouseover="link4Over();" onmouseout="link4Out();">站内链接四</a>
	</form>
	<script type="text/javascript">
		function link1Over() {
			//怎么表示link1位置,firfox使用document.getElementById('link1')
			document.getElementById('link1').style.color = "red";
			document.getElementById('link1').style.fontSize="36px";
		}
		function link1Out() {
			document.getElementById('link1').style.color = "black";
			document.getElementById('link1').style.fontSize="16px";
		}
		function link2Over() {
			document.getElementById('link2').style.color = "red";
			document.getElementById('link2').style.fontSize="36px";
		}
		function link2Out() {
			document.getElementById('link2').style.color = "black";
			document.getElementById('link2').style.fontSize="16px";
		}
		function link3Over() {
			document.getElementById('link3').style.color = "red";
			document.getElementById('link3').style.fontSize="36px";
		}
		function link3Out() {
			document.getElementById('link3').style.color = "black";
			document.getElementById('link3').style.fontSize="16px";
		}
		function link4Over() {
			document.getElementById('link4').style.color = "red";
			document.getElementById('link4').style.fontSize="36px";
		}
		function link4Out() {
			document.getElementById('link4').style.color = "black";
			document.getElementById('link4').style.fontSize="16px";
		}
	</script>
</body>
</html>